@import "common";
@import "Main";
@import "HkfsNewsCommon";
@import "HkfsCommonTabStyle";

@media screen and (max-width:@mainWidth){
    .ReTab_TitleBackground {
      & > .ReTab_Adapter {
        width:100%;
      }
    }
}

.HkfsViewPoint{
  a:hover { color:#40a9dd !important;}
  .HkfsViewPointTab{
    .HkfsCommonTabStyle();
    .ReTab_Contents{
      margin-top: 50px;
    }

    .HkfsViewPointBack{
      .CommonGreyBack();
      .HkfsViewPoint{
        .CommonWhite();
        .HkfsViewPointTitle{
          .HkfsBlueTitle();
        }

        .HkfsViewPointVideoBack{
          width:1100px;
          margin: 30px auto;
          .ViewPointsItem{
            height:210px;
            cursor: pointer;
            .videoImg{
              width:250px;
              height:140px;
            }
            .videoTitle,.videoTime{
              background-color: @GreyBackColor;
              width:230px;
              padding-left: 20px;
            }

            .videoTitle{
              color:#333333;
              font-size: 16px;
              height:30px;
              line-height: 30px;
              padding-top: 10px;
            }
            .videoTime{
              color:#999999;
              font-size: 12px;
              height:20px;
              line-height: 20px;
              padding-bottom: 10px;
            }

          }
        }

        .HkfsViewPointContent{
          height:610px;
          padding:0 30px;
          .ViewPointClassRoom{
            li{
              height:60px;
              line-height: 60px;
              border-bottom: dashed 1px #cccccc;
            }
          }
        }

        .HkfsViewPointVideoTitle{
          width:1000px;
          margin:auto;
          height:50px;
          line-height: 50px;
          div{
            display:inline-block;
          }
          .left{
            width:70%;
            text-align: left;
            font-size: 18px;
            color: #333333;
          }
          .right{
            width:30%;
            text-align: right;
            font-size: 14px;
            color: #999999;
          }
        }

        .HkfsViewPointVideo{
          width:1000px;
          margin:auto;
          display: block;
        }

        .ViewPointPictureGroup{
          height:560px;
          .RePictureLi_Container{
            .RepictureLi_Img{
              img{
                width:260px;
                height:170px;
              }
            }
            .RePictureLi_Message{
              width:65%;
              span{
                display:block;
                text-align: left;
                line-height: 24px;
              }
              .RePictureLi_Title{
                a{
                  color: #40a9dd;
                }
              }
              .RePictureLi_Date{
                font-size: 14px;
                margin-top: 20px;
              }

              .RePictureLi_Content{
                margin-top: 5px;
              }
            }
          }
        }
      }
      .PagerDiv{
        text-align: right;
        margin-right: 4%;
      }
    }


  }

  .ProductEmptyDiv{
    .ProductEmptyImgDiv{
      height:450px;
      position: relative;
      img{
        height:240px;
        .absoluteCenter(240px);
      }
    }
    .ProductEmptyText{
      text-align: center;
      color: #cccccc;
      font-size: 34px;
      padding:0 0 40px 0;
    }
  }
}